<template>
	<view class="no_data_index">
		<view class="no_data_item">
			<image v-if="url" class="img" :src="url" mode="widthFix" />
			<view class="text">{{text}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "noData",
		props: ['url', 'text'],
		data() {
			return {
				imgUrl: ''
			};
		},
		mounted() {


		}
	}
</script>

<style lang="scss" scoped>
	.no_data_index {
		display: flex;
		flex-direction: column;
		height: 100%;
		text-align: center;
		background-color: #fafafa;
		justify-content: center;
		flex-grow: 1;

	}

	.no_data_item {

		margin: 0 auto;
	}

	.img {
		width: 240rpx;
		// height: 260rpx;
		z-index: 999;
	}

	.text {
		color: #6E6F70;
		padding-top: 10px;
		font-size: 32rpx;
	}
</style>